<style scoped lang="scss">
    .content{
        display: flex;
        align-items: center;
        justify-content: space-between;
        img{
            padding: 10px;
        }
    }
</style>
<template>
    <div>
        <homeTop :showicon1="false" :showicon2="true" :showicon3="true" :showbar2="true"></homeTop>
        <br><br>
        <div class="content">
            <img src="../../assets/images/icon/common resource/hdpi/setting_icon_deep_color_sun_n.png"></img>
            <van-slider v-model="value" @change="onChange" />
            <img src="../../assets/images/icon/common resource/hdpi/setting_icon_light_color_sun_n.png" alt="">
        </div>
        
    </div>
</template>
<script setup lang="ts" >
import homeTop from '@/components/homeTop/index.vue'
import { ref } from 'vue';
import { showToast } from 'vant';
const value = ref(50);
const onChange = (value:any) => showToast('当前值：' + value);
</script>